.header {
  width: 1100px;
  height: 110px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 30px; }

.dengluzhuce {
  height: 604px;
  background: url(https://www.o-j-o.cn/themes/ojo/images/login-banner.jpg); }

.inp {
  width: 500px;
  height: 549px;
  background-color: #fff;
  margin: 0 auto; }

.inp-c {
  width: 300px;
  height: 533px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 45px 0px; }

.calendar {
  width: 400px;
  border: 6px solid #e2e2e2; }
  .calendar ul {
    display: flex;
    line-height: 40px;
    text-align: center; }
  .calendar li {
    flex: 1; }
  .calendar .active {
    background: #fff;
    color: #e84a7e; }
  .calendar .text {
    color: #555; }

.text > div {
  height: 300px; }

.calendar1 {
  width: 400px;
  background: #eae9e9; }
  .calendar1 ul {
    display: flex;
    border-bottom: solid 1px black;
    line-height: 40px;
    text-align: center; }
  .calendar1 li {
    flex: 1; }
  .calendar1 .active1 {
    background: #fff;
    color: #e6133c; }
  .calendar1 .text1 {
    background: #f1f1f1;
    color: #555; }

.text1 > div {
  height: 300px; }
  .text1 > div:nth-child(1) {
    background: #399; }
  .text1 > div:nth-child(2) {
    background: #393; }

.cont1 input {
  outline: none;
  width: 299px;
  height: 36px;
  box-sizing: border-box;
  padding: 0px 12px 0px 35px;
  margin: 10px 0px 0px;
  border: 2px solid #ccc; }

.denglu {
  background-color: #e6133c;
  color: #fff; }

.cont2 input {
  outline: none;
  width: 299px;
  height: 36px;
  box-sizing: border-box;
  padding: 0px 12px 0px 35px;
  margin: 10px 0px 0px;
  border: 2px solid #ccc; }

.zhuce {
  background-color: #e6133c;
  color: #fff; }
